<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/flexi.css">
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
    <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

    <!-- Add your site or application content here -->
    <aside class="connectbar"><button class="connectbtn rotbtnleft ir">&nbsp;</button></aside>
    <header class="head">
        <div class="head-item">
            <a class="url home bookmark" href="/hackathon" rel="home">
                <h1 id="site-title" class="ir logo">KAPLAN TECH SKILLS</h1>
            </a>
        </div>
        <div class="navbar head-item">
            <nav>
                <a href="learn.html">Learn</a>
                <a href="connect.html">Connect</a>
                <a href="video_connect.html">Video</a>
                <a href="practice.html">Practice</a>
                <span class="searchbox">
                    <input type="text" placeholder="search"/>
                    <button class="ir">&nbsp;</button>
                </span>
            </nav>
        </div>        
    </header>
    <div id='main' class="learn">
        <article>
            <section class="control">
                <div class="learntitle">
                    <div class="learntitle-item bluetxt titletxt">&nbsp;</div>
                    <div class="learntitle-item tselectbar">
                        <span>I'd like to </span>
                        <button class="tselect rndbtn">READ</button>
                    </div>
                </div>
                <div class="objtitle">
                    <span class="bluetxt">LEARNING OBJECTIVE: </span>
                    <span class="titletxt">&nbsp;</span>
                </div>                
            </section>
            <section class="midmain learnnav">
                <aside class="learnnav-item">
                    <button class="ir backbtn">&nbsp;</button>
                </aside>
                <div class="learnnav-item content">&nbsp;</div>
                <aside class="learnnav-item">                    
                    <div class="shortans greentxt">
                        <div>SHORT ANSWER:</div>
                        <span>&nbsp;</span>
                    </div>                    
                </aside>
            </section>
        </article>
    </div>
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
    <script src="js/learn.js"></script>

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
    <script>
        var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
        (function (d, t) {
            var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
            g.src = '//www.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g, s)
        }(document, 'script'));
    </script>
</body>
</html>
